<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>lowcode</title>
    <meta name="description" content="">
    <meta name="generator" content="VuePress 1.9.7">
    <link rel="icon" href="/assets/logo.png">
    <meta name="description" content="低代码工具">
    <meta name="referrer" content="never">
    <meta name="keywords" content="lowcode">
    <link rel="preload" href="/assets/css/0.styles.9b0a5037.css" as="style"><link rel="preload" href="/assets/js/app.9e4f828f.js" as="script"><link rel="preload" href="/assets/js/2.63a13152.js" as="script"><link rel="preload" href="/assets/js/5.cfdf5b5e.js" as="script"><link rel="prefetch" href="/assets/js/10.21256974.js"><link rel="prefetch" href="/assets/js/11.c8692837.js"><link rel="prefetch" href="/assets/js/12.f3273b7c.js"><link rel="prefetch" href="/assets/js/13.4485523d.js"><link rel="prefetch" href="/assets/js/14.b5a376cd.js"><link rel="prefetch" href="/assets/js/15.f3c4584a.js"><link rel="prefetch" href="/assets/js/16.2d7cc251.js"><link rel="prefetch" href="/assets/js/17.8b66ec9b.js"><link rel="prefetch" href="/assets/js/3.cf42858e.js"><link rel="prefetch" href="/assets/js/4.0301f468.js"><link rel="prefetch" href="/assets/js/6.3c92ec7c.js"><link rel="prefetch" href="/assets/js/7.9cd0ba8d.js"><link rel="prefetch" href="/assets/js/8.71b6f748.js"><link rel="prefetch" href="/assets/js/9.b2f4095e.js">
    <link rel="stylesheet" href="/assets/css/0.styles.9b0a5037.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container no-sidebar"><header class="navbar"><div class="ant-row"><div class="nav-button"><i aria-label="icon: bars" class="anticon anticon-bars"><svg viewBox="0 0 1024 1024" focusable="false" data-icon="bars" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 1 0 112 0 56 56 0 1 0-112 0zm0 284a56 56 0 1 0 112 0 56 56 0 1 0-112 0zm0 284a56 56 0 1 0 112 0 56 56 0 1 0-112 0z"></path></svg></i> <span></span></div> <div class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-5 ant-col-xl-5 ant-col-xxl-4"><a href="/" aria-current="page" class="router-link-exact-active router-link-active home-link"><img src="/assets/logo.png" alt="lowcode" class="logo"> <span class="site-name">lowcode</span></a> <div class="search-box mobile-search"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div></div> <div class="ant-col ant-col-xs-0 ant-col-sm-0 ant-col-md-18 ant-col-lg-19 ant-col-xl-19 ant-col-xxl-20"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><ul role="menu" id="nav" class="ant-menu ant-menu-horizontal ant-menu-root ant-menu-light"><li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display:none;"><div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div></li><li role="menuitem" class="ant-menu-item ant-menu-item-selected"><a href="/" aria-current="page" class="router-link-exact-active router-link-active">
          首页
        </a></li><li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display:none;"><div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div></li><li role="menuitem" class="ant-menu-item"><a href="/lowcode-vscode/">
          lowcode-vscode
        </a></li><li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display:none;"><div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div></li><li role="menuitem" class="ant-menu-item"><a href="/lowcode-mock/">
          lowcode-mock
        </a></li><li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="display:none;"><div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div></li><li role="menuitem" class="ant-menu-item"><a href="https://lowcoding.gitee.io/" target="_blank">
          国内镜像
          <i aria-label="icon: link" class="anticon anticon-link"><svg viewBox="64 64 896 896" focusable="false" data-icon="link" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"></path></svg></i></a></li><li role="menuitem" class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu" style="visibility:hidden;position:absolute;"><div aria-haspopup="true" class="ant-menu-submenu-title"><span>···</span><i class="ant-menu-submenu-arrow"></i></div></li></ul> <a href="https://github.com/lowcoding" target="_blank" rel="noopener noreferrer" class="repo-link"><i aria-label="icon: github" class="anticon anticon-github"><svg viewBox="64 64 896 896" focusable="false" data-icon="github" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0 1 38.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"></path></svg></i></a></nav></div></div> <!----></header> <!----> <div><main aria-labelledby="main-title" class="home"><header class="hero"><img src="/assets/logo.png" alt="hero" class="hero-logo"> <h1 id="main-title">
        lowcode
      </h1> <p class="description">
        低代码工具
      </p> <!----> <!----></header> <div class="features"><div class="feature"><h2>提效工具</h2> <p>支持抽离常用代片段、功能区块为模板（物料），代替频繁复制粘贴。</p></div><div class="feature"><h2>适用范围广</h2> <p>与项目使用的框架、库甚至语言无关，能在重复的代码中抽离出模板即可。</p></div><div class="feature"><h2>可视化操作</h2> <p>可直接通过 webview 页面进行操作。</p></div><div class="feature"><h2>物料开发、共享</h2> <p>支持自定义物料开发，并且通过 git 或者 npm 包的方式在不同项目中共享。</p></div></div> <div class="theme-antdocs-content custom content__default"><h1 id="快速上手">快速上手 <a href="#快速上手" class="header-anchor">#</a></h1> <h2 id="安装-vscode">安装 vscode <a href="#安装-vscode" class="header-anchor">#</a></h2> <p><a href="https://code.visualstudio.com/" target="_blank" rel="noopener noreferrer">https://code.visualstudio.com/<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="custom-block tip"><p class="custom-block-title">提示</p> <p>如果 vscode 不是你的主要编码工具，将它当成一个代码生成器即可。</p></div> <h2 id="安装-lowcode-vscode-插件">安装 lowcode-vscode 插件 <a href="#安装-lowcode-vscode-插件" class="header-anchor">#</a></h2> <p><a href="https://marketplace.visualstudio.com/items?itemName=wjkang.lowcode" target="_blank" rel="noopener noreferrer">lowcode-vscode<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="效果预览">效果预览 <a href="#效果预览" class="header-anchor">#</a></h2> <p align="center"><img src="https://jaycewu.gitee.io/image-hosting/lowcode-preview.gif"></p> <br> <h2 id="贡献者">贡献者 <a href="#贡献者" class="header-anchor">#</a></h2> <span class="ant-avatar ant-avatar-circle ant-avatar-image" style="width:54px;height:54px;line-height:54px;font-size:18px;"><img src="https://avatars3.githubusercontent.com/u/9456046?s=460&amp;u=89ae3325c6bebe75ccfd71e3a225dd284bc862f3&amp;v=4"></span> <p>  </p> <p><a href="https://github.com/lowcoding" target="_blank" rel="noopener noreferrer">我也想为贡献者之一？<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <p>  </p></div></main> <div class="footer"><div class="footer-container"><div class="add-bottom ant-row-flex ant-row-flex-space-around"><div class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-6 ant-col-xl-6"><div><h2>🌿生态系统</h2> <div class="footer-item"><a href="https://github.com/lowcoding/lowcode-vscode" target="_blank">
                lowcode-vscode
              </a> <span class="footer-item-separator">-</span> <span class="footer-item-description">vscode 插件</span></div><div class="footer-item"><a href="https://github.com/lowcoding/lowcode-mock" target="_blank">
                lowcode-mock
              </a> <span class="footer-item-separator">-</span> <span class="footer-item-description">mock &amp; 代理 工具</span></div><div class="footer-item"><a href="https://github.com/lowcoding/lowcode-docs" target="_blank">
                Document
              </a> <span class="footer-item-separator">-</span> <span class="footer-item-description">文档源文件</span></div></div></div><div class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-6 ant-col-xl-6"><div><h2>⚓资源链接</h2> <div class="footer-item"><a href="https://x-render.gitee.io/form-render/" target="_blank">
                form-render
              </a> <!----> <!----></div></div></div><div class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-6 ant-col-xl-6"><div><h2>💬社区交流</h2> <div class="footer-item"><a href="https://github.com/lowcoding/lowcode-vscode/issues" target="_blank">
                报告 Bug
              </a> <span class="footer-item-separator">-</span> <span class="footer-item-description">Github issue</span></div></div></div><div class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-6 ant-col-xl-6"><div><h2>☕作者博客</h2> <div class="footer-item"><a href="https://juejin.im/user/1767670426385528" target="_blank">
                掘金
              </a> <span class="footer-item-separator">-</span> <span class="footer-item-description">一个帮助开发者成长的社区</span></div></div></div></div></div> <div class="footer-bottom">MIT Licensed | Copyright © 2020-present ruoxie-Handed</div></div></div> <!----></div><div class="global-ui"></div></div>
    <script src="/assets/js/app.9e4f828f.js" defer></script><script src="/assets/js/2.63a13152.js" defer></script><script src="/assets/js/5.cfdf5b5e.js" defer></script>
  </body>
</html>